<template>
  <div class="backPage">
    <header>
      <MyHeader/>
    </header>
    <div class="content">
      <router-view />
    </div>
    <footer>
      <router-view name="footer"/>
    </footer>
  </div>
</template>

<script>
import MyHeader from '@/components/MyHeader'
export default {
  name:'App',
  components:{
    MyHeader,
  }
}
</script>

<style>
html,body{
  width: 100%;
  height: 100%;
}
.backPage{
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: space-between;
  flex-direction: column;
}
.content{
  height: 100%;
  flex: 1;
}
html, body, div, span,
h1, h2, h3, h4, h5, h6, p, big, em, img, strong,
b, u, i, 
dl, dt, dd, ol, ul, li,
input, button{
  margin: 0;
  padding: 0;
  font-size: 13px;
  font-weight: normal;
  border: none;
  vertical-align: baseline;
  font-weight: 500;
}
ul,ol{
  list-style: none
}
</style>
